<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/layout">
    <title layout:fragment="title">添加用户</title>
<body>
<div class="main-content" layout:fragment="content">
    <div class="breadcrumbs" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
                <a href="/">首页</a>
            </li>
            <li><a href="/users/home">用户管理</a></li>
            <li class="active">添加用户</li>
        </ul>
    </div>
    <!-- .page-content -->
    <div class="page-content">
        <div class="col-xs-12">
        <form method="post" th:action="@{/users/save}" id="save-form"  class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right"> 用户名：<span class="red">*</span></label>
                <div class="col-sm-9">
                    <input type="text" id="username" name="username" placeholder="请输入用户名" class="col-xs-10 col-sm-5">
                    <span class="help-button" data-rel="popover" data-trigger="hover" data-placement="right" data-content="用户名为6-20个小写英文、数字的组合，且必须以英文字母开始，" title="" data-original-title="提示">?</span>
                </div>
            </div>
            <div class="space-4"></div>

            <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right"> 密码：</label>
                <div class="col-sm-9">
                    <p>密码由系统生成，默认为123456，用户登录后自行修改！</p>
                </div>
            </div>
            <div class="space-4"></div>

            <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right"> 姓名：</label>
                <div class="col-sm-9">
                    <input type="text" id="realName" name="realName" placeholder="请输入姓名" class="col-xs-10 col-sm-5">
                </div>
            </div>
            <div class="space-4"></div>

            <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right"> 手机号码：</label>
                <div class="col-sm-9">
                    <input type="number" id="mobile" name="mobile" placeholder="请输入手机号码" class="col-xs-10 col-sm-5">
                </div>
            </div>
            <div class="space-4"></div>

            <div class="form-group">
                <label class="col-sm-3 control-label no-padding-right"> 性别：</label>
                <div class="col-sm-9">
                    <div class="radio inline">
                        <label>
                            <input name="gender" type="radio" class="ace" th:value="1" checked>
                            <span class="lbl"> 男</span>
                        </label>
                    </div>
                    <div class="radio inline">
                        <label>
                            <input name="gender" type="radio" class="ace" th:value="0">
                            <span class="lbl"> 女</span>
                        </label>
                    </div>
                </div>
            </div>
            <div class="space-4"></div>

            <div class="modal-footer center">
                <a class="btn btn-success btn-sm" id="submit">
                    <i class="icon-save"></i>
                    保存
                </a>

                <a class="btn btn-grey btn-sm" id="back_btn">
                    <i class="icon-backward"></i>
                    返回
                </a>
            </div>
        </form>
        </div>
    </div>
</div>
<script layout:fragment="script" th:src="@{/assets/js/user/add.js}"></script>
</body>
</html>